import { myApplys } from "./constants";

export default function MyApplys() {
  return (
    <>
      <ul className="absolute  right-20  top-16  flex flex-wrap  flex-grow justify-center items-center w-3/10 p-5  rounded-md bg-gradient-to-r from-cyan-500 to-blue-500 ">
        {myApplys.map((item) => {
          return (
            <li
              key={item.name}
              className="flex  flex-col   w-1/4 justify-center items-center     cursor-pointer  mb-4 hover:text-white "
            >
              <img src={item.url} alt="" className=" w-16  " />
              <p  className=" mt-1">{item.name}</p>
            </li>
          );
        })}
      </ul>
    </>
  );
}
